<div class="fichevitrine_module">
    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/common.css" type="text/css"/>
    <link rel="stylesheet" href="{$modules_dir}fichevitrine/css/print.css" type="text/css"/>


    <h1>{l s="Mon espace fiche vitrine" mod='fichevitrine'}</h1>
	<table class="vitrinemenu">
		<tr>
			<td><a href="{$linkHome}">{l s="Accueil" mod='fichevitrine'}</a></td>
			<td><a href="{$linkAddModel}">{l s="Créer un modèle" mod='fichevitrine'}</a></td>
			<td><a href="{$linkListModel}">{l s="Accéder à mes modèles" mod='fichevitrine'}</a></td>
			<td><a href="{$linkAddFiche}">{l s="Créer une fiche" mod='fichevitrine'}</a></td>
			<td><a href="{$linkListFiche}">{l s="Accéder à mes fiches" mod='fichevitrine'}</a></td>
			<td><a href="{$linkPrint}"  class="menuSelected">{l s='Imprimer' mod='fichevitrine'}</a></td>
			<td><a href="{$manual}">{l s='Manuel' mod='fichevitrine'}</a></td>
		</tr>
	</table>
	<h4>{l s="Liste d'impression" mod='fichevitrine'}</h4>
	<div class="warning">
		<h4>{l s="Inverser" mod='fichevitrine'}</h4>
		<p>{l s="À l'endroit : sur papier, transparent, calque,..." mod='fichevitrine'}</p>
		<p>{l s="À l'envers (inversé) : sur papier spécial rétro-éclairé VitrineMedia (Backlight)"  mod='fichevitrine'}</p>
		<h4>{l s="Attention"  mod='fichevitrine'}</h4>
		<p>
		{l s="Si vous imprimez dans un format supérieur au format d'origine de la fiche, une dégradation visuelle notable peut être constatée." mod='fichevitrine'}
		</p>
	</div>
	
	<table class="list">
		<tr>
			<td>
				<label>PNG</label>
				<input 	type="radio" value="png" 
						checked="checked" name="format" 
						id="formatPNG" {* onclick="displayActions(false);" *} />
			</td>
			<td>
				<label>JPEG</label>
				<input type="radio" value="jpeg" name="format" id="formatJPG" {* onclick="displayActions(false);" *} />
			</td>
			<td>
				<label>PDF</label>
				<input type="radio" value="pdf" name="format" id="formatPDF" {* onclick="displayActions(false);" *} />
			</td>
			
			<td>
				<button		class="run"
							onclick="run('All');"
							title="{l s='Construire le(s) fichier(s)' mod='fichevitrine'}"></button>
							
				<span class="actionButtons">
					<button  	class="save" 
									onclick="saveList();" 
									id="saveListBtn(All)" 
									title="{l s='Télécharger (sans Flash)' mod='fichevitrine'}"></button>
									
					<button  	class="print" 
								onclick="printList();" 
								id="printListBtn(All)" 
								title="{l s='Imprimer (sans Flash)' mod='fichevitrine'}"></button>
								
					
					<span title="{l s='Sauvegarder | Imprimer (avec Flash)' mod='fichevitrine'}" name="button_flash(All)" id="button_flash(All)">
						<span class="swfContent" {* le name est écrasé par le flash name="button_flash_swfContent(All)" et le même pour toutes les lignes : swfContent et id différent : swfContent_i *}"></span>
					</span>
				</span>
							
				<label id="progress"></label>
			</td>
		</tr>
	</table>
	<table class="printPool">
		
		<tr>
			<th></th>
			<th>{l s="Nom" mod='fichevitrine'}</th>
			<th>{l s="Type" mod='fichevitrine'}</th>
			<th>{l s="Format" mod='fichevitrine'}</th>
			<th>{l s="Orientation" mod='fichevitrine'}</th>
			<th>{l s="Aperçu" mod='fichevitrine'}</th>
			<th>{l s="Inverser" mod='fichevitrine'}</th>
			{if $twoInOne == 1}
			<th colspan="2">{l s="Actions" mod='fichevitrine'}</th>
			{else}
			<th>{l s="Actions" mod='fichevitrine'}</th>
			{/if}
		</tr>
		
		{foreach $fiches as $key=>$currentFiche}
			<tr id="line_{$currentFiche->id_fiche}">
				<td>
					<input 	type="checkbox" 
							id="select_{$currentFiche->id_fiche}" 
							checked="checked" 
							{* onclick="displayActions(false);" *} /></td>
				<td>
					{if $currentFiche->type == 0}
						<a 	href="{$linkEditorFiche}?&ficheId={$currentFiche->id}" 
							title="{l s='Editer' mod='fichevitrine'}">
							{$currentFiche->name}
						</a>
					{else}
						<a 	href="{$linkEditorModel}?&ficheId={$currentFiche->id}"
							title="{l s='Editer' mod='fichevitrine'}">
							{$currentFiche->name}
						</a>
					{/if}
				</td>
				<td>
					{if $currentFiche->type == 0 }
						{l s="Fiche" mod='fichevitrine'}
					{else}
						{l s="Modèle" mod='fichevitrine'}
					{/if}
				</td>
				<td>
					<select id="frmt_{$currentFiche->id_fiche}" onchange="assoc({$currentFiche->id_fiche});">
					{foreach $allFormats as $key=>$value}
						<option value="{$key}"{if $currentFiche->format == $key}selected="selected"{/if}>
							{$key}
						</option>
					{/foreach}
					</select>
				</td>
				<td>
					{if $currentFiche->orientation == $portrait}
						{l s='Portrait' mod='fichevitrine'}
					{else}
						{l s='Paysage' mod='fichevitrine'}
					{/if}
				</td>
				<td>
					<img src="{$currentFiche->getPreview()}" width="150" id="preview_{$currentFiche->id_fiche}"/>
				</td>
				<td>
					<input 	type="checkbox" 
							title="{l s='Inverser' mod='fichevitrine'}" 
							onclick="flip({$currentFiche->id_fiche},this);" 
							id="reverse_{$currentFiche->id_fiche}" />
				</td>
				
					{if $twoInOne == 1}
					<td>
					
					<label>{l s='Imprimer avec'}</label>
					<select id="duo_{$currentFiche->id_fiche}" onchange="assoc({$currentFiche->id_fiche});">
						<option value="-1">{l s='Aucun'}</option>
						{foreach $fiches as $key=>$duoFiche}
							{if $duoFiche->id_fiche != $currentFiche->id_fiche && 
								$duoFiche->orientation == $currentFiche->orientation
							}
							<option value="{$duoFiche->id_fiche}">{$duoFiche->name}</option>
							{/if}
						{/foreach}
					</select>
					<br />
					
					<label>{l s='Position'} {$currentFiche->name}:</label>
					<select id="pos_{$currentFiche->id_fiche}" onchange="assoc({$currentFiche->id_fiche});">
						{if $currentFiche->orientation != $landscape }
							<option value="-1">{l s='Gauche'}</option>
							<option value="1">{l s='Droite'}</option>
						{else}
							<option value="-1">{l s='Haut'}</option>
							<option value="1">{l s='Bas'}</option>
						{/if}
					</select>
					
					</td>
					{/if}
				
				<td>
					
					<input type="submit" class="run" 
						onclick="run({$currentFiche->id_fiche});" 
						value="" 
						title="{l s='Construire le(s) fichier(s)' mod='fichevitrine'}" />
						
					<input type="submit" class="delete" 
							onclick="deleteFiche({$currentFiche->id_fiche});" 
							value="" 
							title="{l s='Supprimer' mod='fichevitrine'}" />
						
					
					<span class="actionButtons">
						<button  	class="save" 
									onclick="saveList({$currentFiche->id_fiche});" 
									id="saveListBtn({$currentFiche->id_fiche})" 
									title="{l s='Télécharger (sans Flash)' mod='fichevitrine'}"></button>
									
						<button  	class="print" 
								onclick="printList({$currentFiche->id_fiche});" 
								id="printListBtn({$currentFiche->id_fiche})" 
								title="{l s='Imprimer (sans Flash)' mod='fichevitrine'}"></button>
								
						<span title="{l s='Sauvegarder | Imprimer (avec Flash)' mod='fichevitrine'}" name="button_flash({$currentFiche->id_fiche})" id="button_flash({$currentFiche->id_fiche})">
							<span class="swfContent" {* le name est écrasé par le flash name="button_flash_swfContent({$currentFiche->id_fiche})" et le même pour toutes les lignes : swfContent et id différent : swfContent_i *}></span>
						</span>
						
					</span>
					

				</td>
			</tr>
		{/foreach}
		
	</table>
	
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/jspdf.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/libs/Deflate/adler32cs.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/libs/Blob.js/BlobBuilder.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/jspdf.plugin.addimage.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/jspdf.plugin.standard_fonts_metrics.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/jspdf.plugin.split_text_to_size.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/jspdf.plugin.from_html.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/libs/Blob.js/Blob.js"></script>
	<script type="text/javascript" src="{$modules_dir}fichevitrine/js/jspdf/libs/FileSaver.js/FileSaver.js"></script>
	
	
    <script src="{$modules_dir}fichevitrine/js/tomahawk_engine.js" type="text/javascript"></script>
    <script src="{$modules_dir}fichevitrine/js/printer.js" type="text/javascript"></script>
	<script src="{$modules_dir}fichevitrine/js/toblob.js" type="text/javascript"></script>
	<script src="{$modules_dir}fichevitrine/js/swfobject.js" type="text/javascript"></script>
	<script src="{$modules_dir}fichevitrine/js/printPage.js" type="text/javascript"></script>
	
	
	<script type="text/javascript">
	
		var fiches = new Array();
		var landscapeId = parseInt({$landscape});
		var portraitId = parseInt({$portrait});
		var allFormats = {$allFormatsJSON};
		var uiPath = '{$modules_dir}fichevitrine/data/ui/';
		var formatsPixels = getFormatSizeInPixels();
		var formatsInPt = getFormatSizeInPt();
		
		function init()
		{
			var elements = document.getElementsByClassName("swfContent");
			
			var element = null;
			var i = 0;
			var max = elements.length;
			var flashvars = {};
			
			var params = {
				movie: "swfContent.swf",
				quality: "high",
				bgcolor: "#000000",
				allowScriptAccess: "always",
				wmode: "transparent"
			};
			
			var attributes = {
			  name: "swfContent",
			  classid: "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",
			  width: "60",
			  height: "20",
			  class:"swfContent"
			};
			
			
			for (i = 0; i < max; i++ )
			{
				element = elements[i];
				element.setAttribute("id", "swfContent_"+i);
				
				swfobject.embedSWF("{$modules_dir}fichevitrine/swf/swfContent.swf", 
								element.id, "60", "20", "11.0.0", "expressInstall.swf",
								flashvars,params,attributes);
				
				/*swfobject.registerObject("swfContent_"+i, "11.0.0", "expressInstall.swf");*/
			}
			
		
			fiches = new Array();
			var obj = null;
			
			{foreach $fiches as $currentFiche}
				obj = new Object();
				
				obj.id = parseInt({$currentFiche->id_fiche});
				obj.assetsPath = '{$currentFiche->getFicheURI()}';
				obj.name = '{$currentFiche->name}';
				obj.data = {$currentFiche->data};
				obj.orientation = parseInt({$currentFiche->orientation});
				obj.portraitId = portraitId;
				obj.landscapeId = landscapeId;
				obj.isLandscape = (obj.orientation == landscapeId);
				obj.format = '{$currentFiche->format}';
				
				{* alert ('ficheid = ' +  obj.id); *}
				
				fiches.push(obj);
			{/foreach}
			
			displayActions(false);
		}
		
    </script>
	
</div>
